body{
	cursor: pointer;
}
#head{
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
}
#head h2{
	width: 400px;
	line-height: 40px;
	margin: 20px auto;
	background: #34E4E4;
	box-shadow: 0 0 20px #2FEAAE; 
}
#head div{
	padding: 10px;
	background: #9CB538;
	width:400px;
	margin: 0 auto;
	box-shadow: 0 0 20px #385F2C; 
}
.custom{
	display: none;
}
#head span{
	line-height: 20px;
	height: 20px;
	display: inline-block;
	width: 100px;
	padding:5px;
	background: white;
	border:1px solid #000;
}
input{
	line-height: 20px;
	height: 20px;
	display: inline-block;
	width: 50px;
	padding:5px;
	background: white;
	border:1px solid #000;
}
#head .active,#head .start:hover{
	border:1px solid #fff;
	background: #000;
	color: #fff;
}
.box{
	position: relative;
	margin: 0 auto;
}
#main{
	margin: 0 auto;
	-moz-user-select:none;/*火狐*/
	-webkit-user-select:none;/*webkit浏览器*/
	-ms-user-select:none;/*IE10*/
	-khtml-user-select:none;/*早期浏览器*/
	user-select:none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
	box-shadow:0 0 20px #000; 
	position: absolute;
	width: 100%;
	height: 100%;
}
.y{
	float: left;
	width: 30px;
	height: 30px;
	margin: 0px;
	border:1px solid #000;
	border-right: none;
	border-bottom: none;
	line-height: 30px;
	text-align: center;
	background: #7DF3FF;
}
.y:last-child {
	border-right: 1px solid #000;
}
.x{
	clear: both;
	height: 30px;
}
#main span{
	display: none;
}
#message{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	color: white;
	background: rgba(224, 22, 22, 0.62);
	text-align: center;
}